{% extends "appbuilder/base.html" %}
{% import 'appbuilder/general/lib.html' as lib %}

{% block body %}
<body style="">
<div class="container">
    <div class="row">
        <div class="jumbotron">
            <div class="container">
                <div class="panel panel-primary">
                    <div class="panel-heading">
                        <h4 class="panel-title">List Profile</h4>
                    </div>
                    <div class="profile-list">
                        <div class="table-responsive">
                            <table class="table table-bordered table-hover">
                                <thead>
                                <tr>
                                    <th>Name</th>
                                    <th>Default Tray Name</th>
                                    <th>Readme</th>
                                    <th>Detail</th>
                                </tr>
                                </thead>
                                <tbody>
                                {% for p in profiles: %}
                                <tr>
                                    <td>{{p.name}}</td>
                                    <td>{{p.tray}}</td>
                                    <td>{{p.readme|safe}}</td>
                                    <td><a href="{{p.link}}">View <i class="fa fa-search"></i></a></td>
                                </tr>
                                {% endfor %}
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <button type="button" class="btn btn-primary" id="ok" onclick="on_click_ok();">Primary</button>
                </div>
            </div>
        </div>

    </div>
</div>


<footer>
    <div class="img-rounded nav-fixed-bottom">
        <div class="container">
            <div class="row img-rounded">
                <hr>
                <small>
                    <div class="col-md-4">
                    </div>
                    <div class="col-md-4">
                    </div>
                    <div class="col-md-4">
                    </div>
                </small>
            </div>
            <small>
            </small>
        </div>
        <small>
        </small>
    </div>
    <small>
    </small>
</footer>
<small>


<script src="/static/appbuilder/js/bootstrap.min.js"></script>
<script src="/static/appbuilder/datepicker/bootstrap-datepicker.js"></script>
<script src="/static/appbuilder/select2/select2.js"></script>
<script src="/static/appbuilder/js/ab.js"></script>
<script src="http://cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js"></script>
<script src="/static/js/load.js"></script>
</small>
</body>
{% endblock %}

{% block head_css %}
{{super()}}
<link href="http://cdn.datatables.net/1.10.15/css/jquery.dataTables.min.css" rel="stylesheet">
<link href="/static/css/load.css" rel="stylesheet">
{% endblock %}
